<script lang="ts" setup>
import { toRefs } from 'vue';
const props = defineProps({
  color: {
    type: String,
    default: ''
  },
  size: {
    type: Number,
    default: 32
  },
})
const { color } = toRefs(props)
</script>
<template>
  <div class="icon icon-arrow">
    <svg t="1511314697872" style="" viewBox="0 0 1024 1024" version="1.1" :width="size" :height="size">
      <path
        d="M347.526 657.92c7.68 7.68 7.68 20.48 0 28.16s-20.48 7.68-28.16 0l-160-160c-7.68-7.68-7.68-20.48 0-28.16l160-160c7.68-7.68 20.48-7.68 28.16 0s7.68 20.48 0 28.16L221.758 491.837h628.479c11.203 0 20.163 8.96 20.163 20.163s-8.96 20.163-20.163 20.163H221.439L347.524 657.92z"
        :fill="color"></path>
    </svg>
  </div>
</template>

<style scoped>
.icon-arrow {
  transform: rotate(180deg);
}
</style>